/**
 * Created by Administrator on 2015/9/28 0028.
 */
//文档准备完毕
$(document).ready (function(){
    //定义一个ban方法
    var ban = {
            //定义一个banner方法，获取ID为banner
            banner: $("#banner"),
            //定义n，初始值为0，为第n张图片
            n: 0,
            //定义一个marginLeft，初始值为-1350
            marginLeft: -1350,
        //定义一个toggle方法
            toggle:function(i){
                //ban中的n加i
                ban.n = ban.n + i;
                //判断，如果n>2,则图片返回第一个图片
                if (ban.n>2){
                    ban.n=0
                }
                if(ban.n<0){
                    ban.n=2
                }
                //定义一个mar，值为n与marginLeft的乘积
                var mar = ban.n * ban.marginLeft;
                //在banner的css中写入一条css样式，样式名称为marginLeft，值为mar
                ban.banner.css("marginLeft",mar)
            },
            //定义一个playing
            playing:null,
            //定义一个play方法
            play: function(){
                ban.playing=setInterval(function(){
                    ban.toggle(1)
                },5000)
            },
        //定义一个stop方法
            stop:function(){
                clearInterval(ban.playing)
            },
            outer:$("#outer"),
        //定义一个ready方法
            ready:function(){
                ban.play();
                //当鼠标移到图片上，设置图片停止移动
                ban.outer.mouseenter(ban.stop);
                //当鼠标从图片上移开，设置图片开始移动
                ban.outer.mouseleave(function(){
                    ban.toggle(1);
                    ban.play()
                })
            }
        };
    ban.ready();
    //alert("开始")
    return window.ban = ban;
});
